.indexbox {
    background-color: #f4f4f7;
    height          : 100vh;
    background      : linear-gradient(90deg,
            rgba(255, 242, 231, 1) 4%,
            rgba(255, 230, 244, 1) 55%);

    .top {
        width           : 100%;
        // background: radial-gradient(circle, #ffeeeb, hwb(335 91% 0%));
        // background   : linear-gradient(to top right, #fff9f6, #ffe9f2);
        // background: linear-gradient(90deg,
        // rgba(255, 242, 231, 1) 4%,
        // rgba(255, 230, 244, 1) 55%);

        height   : 25%;
        font-size: .5rem;


        .zi {

            text-align: center;

            .hlj {
                position: relative;
                top     : .3rem;


                font-family: 'Courier New', Courier, monospace;
            }

            .xiaoxi {
                position           : relative;
                top                : .3rem;
                left               : -2.5rem;
                text-align         : left;
                background-color   : white;
                border-radius      : 50%;
                // width           : 1rem;
                // height          : 1rem;
            }

        }

        .top_cen {
            display: flex;
            margin : .5rem;

            .name {
                font-size  : .4rem;
                margin-left: .2rem;
            }

            .adm-image-img {
                width: 100%;
            }
        }
    }

    .box {
        background-color: #f4f5f6;
        height          : 100vh - 25vh;

        .imgss {
            margin: .3rem;

            img {

                width: 100%;
            }

        }

        .test {
            position         : relative;
            top              : -1.34rem;
            right            : -4.75rem;
            width            : 1.35rem;
            height           : 1.35rem;
            background-image : url("./img/2.png");
            background-repeat: no-repeat;
            background-size  : contain;
            animation        : myBreath 2s linear infinite;
        }

        @keyframes myBreath {
            0% {
                transform: scale(0.88);
            }

            50% {
                transform: scale(1);
            }

            100% {
                transform: scale(0.88);
            }
        }

    }

    .center1 {
        text-align      : center;
        display         : flex;
        justify-content : space-around;
        width           : 90%;
        border-radius   : 15px;
        background-color: #ffffff;
        margin-left     : .3rem;

        font-size: .6rem;

        p {
            font-size: .25rem;
        }
    }

    .center {
        width           : 90%;
        border-radius   : 15px;
        background-color: #ffffff;
        margin-left     : .3rem;
        margin-top      : .3rem;

        span {
            margin     : .3rem;
            font-size  : .3rem;
            font-weight: 500;
        }

        .center2 {
            text-align     : center;
            display        : flex;
            justify-content: space-around;

            svg {
                font-size: .7rem;
            }

            font-size: .6rem;

            p {
                font-size: .25rem;
            }
        }
    }



}